<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>营销官网首页</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/4.4.6/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/market_index.css" />
	</head>

	<body>
		<div class="mar_wrap">
			<div class="mar_header">
				<div class="mar_header_center">
					<div class="header_logo">
						<img src="img/kefu_icon.png" / class="kefu">
						<a href="tel:400-000-9900">400-000-9900</a>
						<a href="index.html"><img src="img/header_logo.png" / class="logoimg"></a>
					</div>
					<div class="header_right">
						<div class="kehu_zhaoshang">
							<img src="img/kehuduan_icon.png" />&nbsp;客户端下载
							<img src="img/zhaoshang_icon.png" />&nbsp;招商加盟
							<span class="right_login">登录</span><span class="right_register">注册</span>
						</div>
						<div class="header_item">
							<span class="brief_hover"><a href="./ssbrief.html#1">松鼠AI简介</a>
								<div class="brief_hover_items">
									<div class="brief_hover_item"><a href="./ssbrief.html#1">学习方法</a></div>
									<div class="brief_hover_item"><a href="./ssbrief.html#2">师资力量</a></div>
									<div class="brief_hover_item"><a href="./ssbrief.html#3">课程体系</a></div>
								</div>
							</span>
							<span>知识点宝典</span>
							<span>知识点精讲课</span>
							<span>中考咨询讲座</span>
							<span>名师公开课</span>
							<span>限免试听课</span>
						</div>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 113px;"></div>
			<div class="public_title">
				<div class="public_title_index">首页&nbsp;>&nbsp;松鼠AI简介&nbsp;>&nbsp;<span>学习方法</span></div>
				<div class="public_title_center">
					<span class="public_title_center_left">师资力量</span>
					<span class="public_title_center_center">
						学习方法
						<div class="triangle_border_left">
    							<span></span>
						</div>
						<div class="triangle_border_right">
    							<span></span>
						</div>
					</span>
					<span class="public_title_center_right">课程体系</span>
				</div>
			</div>
			<div class="study_method">
				<div class="study_method_titleone">
					特级教师+人工智能1对1 
				</div>
				<div class="study_method_titletwo">
					震撼低价打造<span>多倍</span>教学效果
				</div>
				<div class="study_method_imgbg">
					<div class="study_method_imgbg_cen">
						<div class="study_method_service">
							<div class="service_img">
								<img src="img/service_one.png"/>
							</div>
						</div>
						<div class="study_method_service">
							<div class="service_img">
								<img src="img/service_two.png"/>
							</div>
						</div>
						<div class="study_method_service">
							<div class="service_img">
								<img src="img/service_three.png"/>
							</div>
						</div>
						<div class="study_method_service">
							<div class="service_img">
								<img src="img/service_four.png"/>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="fixed_footer">
			<div class="fixed_footer_center">
				<div class="fixed_footer_left">
					<div class="fixed_footer_logo">
						<img src="img/header_logo.png" />
					</div>
					<div class="fixed_footer_freeget">免费领取价值<span>388元</span>试听课</div>
				</div>
				<div class="fixed_footer_inout">
					<input type="text" placeholder="请输入您的手机号" /><span>立即领取</span>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/4.4.6/js/swiper.min.js"></script>
		<script type="text/javascript">
			$('.right_login').css({
				'background-color': '#FFFFFF',
				'color': '#2980ff'
			});
			// 切换tab
			function changeHash() {
				if(location.hash == '#1') {
					//					$('.study_method').show();
					//					$('.teacher_power').hide();
					//					$('.course_system').hide();
				}
				if(location.hash == '#2') {
					//					$('.study_method').hide();
					//					$('.teacher_power').show();
					//					$('.course_system').hide();
				}
				if(location.hash == '#3') {
					//					$('.study_method').hide();
					//					$('.teacher_power').hide();
					//					$('.course_system').show();
				}
			}
			changeHash();
			// 监听hash变化
			window.addEventListener("hashchange", function() {
				changeHash();
			})
			// $(document).ready(function() {
			// 	// 轮播图
			// 	var mySwiper = new Swiper('.swiper-container', {
			// 		loop: true, // 循环模式选项

			// 		// 如果需要分页器
			// 		pagination: {
			// 			el: '.swiper-pagination',
			// 		},

			// 		// 如果需要前进后退按钮
			// 		navigation: {
			// 			nextEl: '.swiper-button-next',
			// 			prevEl: '.swiper-button-prev',
			// 		},
			// 		//					autoplay:true,
			// 	})
			// })
			//			$('.test').click(function() {
			//				var num= ''
			//				num = Number(location.hash.substr(1)) +1;
			//				console.log(num)
			//				if(num > 3){
			//					num = 1;
			//				}
			//				location.hash = '#'+num;
			//				console.log(location.hash)
			//				
			//			})
			//			$('.test1').click(function() {
			//				var num= ''
			//				num = Number(location.hash.substr(1)) -1;
			//				console.log(num)
			//				if(num < 1){
			//					num = 3;
			//				}
			//				location.hash = '#'+num;
			//				console.log(location.hash)
			//				
			//			})
		</script>
	</body>

</html>